<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			#xw{
				width: 100%;
				height: 50%;
				text-align: center;
				font-size: 20px;
				border: 2px solid white;
				color: blue;
				/*设置字间距*/
				letter-spacing: 1vw;
			}
			#chaidan{
				width:100%;
				height:15%;
				border:2px solid white;
				
			}
			#chaidan li{
				display: block;
				float: left;
				width: 18%;
				/*height: 18%;*/
				line-height: 2em;
				font-size: 6vw;
				color: red;
				background: orange;
				border: 2px solid white;
				margin-left: 2px;
				text-align: center;
			}

		.tu1{
			width:100%;
			font-size: 33px;
			/*height:10%;*/
			border: 6px solid white;
		}
		.tu1 ul li{
			width: 100%;
			overflow: hidden;
			list-style: none;
			border-bottom: 1px solid antiquewhite;
			margin-top: 2vw;
			
		}
		.tu1 ul li img{
			width: 30%;
			float: left;
			margin-right: 2vw;
		}
		.tu1 ul li a{
			width: 68%;
			display: block;
			float: right;
			text-decoration: none;
			font-size: 4vw;
			color: black;
			font-weight: 700;
			text-indent: 2em;
			
		}
		.tu1 ul li a.wz2{
			width: 68%;
			color: red;
		}
		.img{
			width: 100%;
			/*float: left;*/
			
		}
		.img img{
			width: 99%;
			margin-left: 1vw;
		}	
		</style>
	</head>
	<body>
		
		<!--头条开始-->
		<div id="xw">今日新闻</div>
		<!--头条结束-->
		
		<!--菜单开始-->
		<div id="chaidan">
			<ul>
				<li>首页</li>
				<li>新闻</li>
				<li>内容</li>
				<li>图片</li>
				<li>视频</li>
			</ul>
			
		</div>
		<!--菜单结束-->
		
		<div class="img">
			<img src="img/2.jpg" alt="" /><!--<img src="img/r.jpg" alt="" />-->
		</div>
			<!--边框一开始-->
			<div class="tu1">
				<ul>
					<li><img src="img/r1.jpg" alt="" /><a href="http://news.sohu.com/20160105/n433456921.shtml">中央首次明确地方委员会编制 省级党委11至13人</a><a href="" class="wz2">萌宝才艺秀 超萌!小女孩芭蕾演出太会抢戏了</a></li>
					<li><img src="img/r2.jpg" alt="" /><a href="http://news.sina.com.cn/c/nd/2016-01-04/doc-ifxncyar6295630.shtml">河南农村耗资3百万建36.6米高毛泽东像(组图)</a><a href="" class="wz2">宋小宝录真人秀节目再度受伤 恐终结演艺生涯</a></li>
					<li><img src="img/r3.jpg" alt="" /><a href="">央视主持尼格买提娇妻私照被曝光 五官深邃眼神灵动</a><a href="" class="wz2">央视主持尼格买提娇妻私照被曝光 五官深邃眼神灵动</a></li>
					<li><img src="img/r4.jpg" alt="" /><a href="">河南农村耗资3百万建36.6米高毛泽东像(组图)</a><a href="" class="wz2">1分钟前今日股市新闻重大消息泄露!一定要看。</a></li>
					<li><img src="img/r5.jpg" alt="" /><a href="">揭秘马云背后的太极高手：曾放倒日本相扑冠军</a><a href="" class="wz2">今日股市新闻必看:揭秘明天今日股市新闻</a></li>
					<li><img src="img/r6.jpg" alt="" /><a href="">河南农村耗资3百万建36.6米高毛泽东像(组图)</a><a href="" class="wz2">今日股l市:天天分析牛l股月获利100%</a></li>
					<li><img src="img/r7.jpg" alt="" /><a href="">河南农村耗资3百万建36.6米高毛泽东像(组图)</a><a href="" class="wz2">新闻今日谈-凤凰视频-最具媒体价值的综合视频门户</a></li>
					<li><img src="img/r8.jpg" alt="" /><a href="">揭秘马云背后的太极高手：曾放倒日本相扑冠军</a><a href="" class="wz2">今日新闻头条_最新最近头条新闻_今天新闻头条评论-闽南网</a></li>
				</ul>	
					
					
			</div>
			<!--边框一结束-->
			
			我做的修改
	</body>
</html>
